<?php if (isset($_SERVER['HTTP_USER_AGENT']) && !strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE 6')) echo '<?xml version="1.0" encoding="UTF-8"?>'. "\n"; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>" xml:lang="<?php echo $lang; ?>">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title><?php echo $title; ?></title>
	<?php if ($keywords) { ?>
	<meta name="keywords" content="<?php echo $keywords; ?>" />
	<?php } ?>
	<?php if ($description) { ?>
	<meta name="description" content="<?php echo $description; ?>" />
	<?php } ?>
	<base href="<?php echo $base; ?>" />
	<?php if ($icon) { ?>
	<link href="<?php echo $icon; ?>" rel="icon" />
	<?php } ?>
	<?php foreach ($links as $link) { ?>
	<link href="<?php echo str_replace('&', '&amp;', $link['href']); ?>" rel="<?php echo $link['rel']; ?>" />
	<?php } ?>
	<!-- CSS -->
	<link rel="stylesheet" type="text/css" href="catalog/view/theme/<?php echo $template; ?>/stylesheet/main.css" />
	<link rel="stylesheet" type="text/css" href="catalog/view/theme/<?php echo $template; ?>/stylesheet/gallery/theatre.css" />
	
	<!-- JS -->
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
	<script type="text/javascript" src="catalog/view/javascript/jquery.theatre-1.0.js"></script>
	<script type="text/javascript" src="catalog/view/javascript/effect.orbit.js"></script>
	
	<script type="text/javascript">
	$(function() {
	  $('#mygallery').theatre({
	    selector: 'img', // We want to resize/rotate images and not links
		effect: '3d',
		speed: 1000
	  });


	});
		
	</script>	
</head>

<body>
	<div id="header" >
		<div id="slider-gallery" >
			<div class="wrapper">
	
			<div class="flash">
				<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
					codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,24"
					width="980" height="386">
					<param name="movie" value="<?php echo $link_hinh; ?>header_v8.swf?button=3" /> 
					<param name="quality" value="high" />
					<param name="menu" value="false" />
					<param name="wmode" value="transparent"  />
					<!--[if !IE]> <-->
					<object data="<?php echo $link_hinh; ?>header_v8.swf?button=3"
						width="980" height="386" type="application/x-shockwave-flash">
						<param name="quality" value="high" />
						<param name="menu" value="false" />
						<param name="wmode" value="transparent"  />
						<param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer" />
						FAIL (the browser should render some flash content, not this).
					</object>
					<!--> <![endif]-->
				</object>
			</div>

			<!-- END #primary-nav -->
				
			<div id="header-widget-area" class="widget-area" >
				<ul class="xoxo">
					<li id="search-2" class="widget widget_search">
						<form action="<?php echo $advanced;?>" id="searchform" method="get" >
							<input type="hidden" name="route" value="product/search" />
							<input id="s" name="keyword" type="text">
							<input value="search" id="searchsubmit" type="submit">
						</form>
					</li>						
				</ul>
			</div>
				<script type="text/javascript"><!--

				function moduleSearch() {	
				
					url = 'index.php?route=product/search';
						
					var filter_keyword = $('#s').attr('value')
					
					if (filter_keyword) {
						url += '&keyword=' + filter_keyword;
					}
					
					parent.location = url;
					
				}
				//--></script>			 
				<div  align="center" >

					<div id="mygallery" style="width: 632px; height: 375px;" >
						<?php if($products){?>
						<?php foreach($products as $row){?>
						<a href="<?php echo $row['href'];?>"><img src="<?php echo $row['image'];?>" alt="<?php echo $row['name'];?>" title="<?php echo $row['name'];?>"/></a>
						<?php }}?>				
					</div>							
				</div>
							  

			</div>
		</div>

	</div><!--END #header-->
	<div id="intro"><!-- intro -->
	<div class="title"><h1>Sản Phẩm <span style="color:red;">HOT</span> Của Công Ty Nội Thất Nam Đại Phát</h1></div>
	<div class="divider curved"></div>
	</div>	

	
	
	<!--#content-->
	<div id="content" class="clearfix">
		<div class="wrapper">
			<div id="primary" class="hfeed">

					

					

	 
				</div>
			</div>
			<!--END #primary .hfeed-->
					
	</div>
</div><!-- END #content -->			
			<div id="footer">

			   <div class="wrapper">
			   
			   	  	
				      
			        <div id="footer-notes">
			             <p><span class="alignright"></span>
							© Copyright 2010 - 2011 <a href="#">noithatnamdaiphat.com</a>, All right reserved.<br>
						<a href="#" >Legend IT TEAM </a> - Professional Website Designer Team<br>
   
		                  </p>
				   </div>
			   </div>
				   <!-- END #footer-notes -->
		     </div><!-- END #footer -->			
</body>

</html>